$('.topbar-cart').hover(function() {
	$('.topbar-cart').css({
		'color': '#ff6700',
		'background-color': 'white',
	});
	$('.topbar-cart  a img').attr('src', 'images/cart2.png')
	$('.topbar-cart .cart-menu').slideDown(400);

}, function() {
	$('.topbar-cart').css({
		'color': '#b0b0b0',
		'background-color': '#424242',
	});
	$('.topbar-cart a img').attr('src', 'images/cart1.png')
	$('.topbar-cart .cart-menu').slideUp(400);
})

$('.submit-btn').hover(function() {
	$('.submit-btn').css('background-color', '#ff6700');
	$('.sub-pic').css('background-image', 'url(images/scale2.png)')
}, function() {
	$('.submit-btn').css('background-color', 'white');
	$('.sub-pic').css('background-image', 'url(images/scale1.png)')
})
$('#logo-header form').hover(function() {
	$('.search-btn').css('border', '1px solid #B0B0B0');
	$('.submit-btn').css('border', '1px solid #B0B0B0');
}, function() {
	$('.search-btn').css('border', '1px solid #E0E0E0');
	$('.submit-btn').css('border', '1px solid #E0E0E0');
})

$('.search-btn').click(function(ev) {
	ev.stopPropagation()
	$('.search-btn').css('border', '1px solid #ff6700');
	$('.submit-btn').css('border', '1px solid #ff6700');
	$('.sear-hot').css('display', 'none');
	$('.sear-box').css({
		'display': 'block',
		'z-index': '300'
	});

})
$('body').click(function() {
	$('.search-btn').css('border', '1px solid #eeeeee');
	$('.submit-btn').css('border', '1px solid #eeeeee');
	$('.sear-hot').css('display', 'block');
	$('.sear-box').css('display', 'none');
})

//logo导航区

$('.logo-menu ul').hover(function() {
	$('.product').stop().slideToggle();
})

$('.product').hover(function() {
	$('.product').stop().slideToggle();
})

$('.logo-menu ul li a').on('mouseover', function() {
	var index = $(this).parent().index();
	console.log(index)
	$('.product ul:eq(' + index + ')').siblings("ul").hide()
	$('.product ul:eq(' + index + ')').show()
})

//侧框栏导航

$('.side-ad ul').hover(function() {
	$('.product-ad').stop().fadeToggle();
})

$('.product-ad').hover(function() {
	$('.product-ad').stop().fadeToggle();
})

$('.side-ad ul li a').on('mouseover', function() {
	var index = $(this).parent().index();

	$('.product-ad ul:eq(' + index + ')').siblings("ul").hide()
	$('.product-ad ul:eq(' + index + ')').show()
})

//轮播图
//1.轮播图的初始状态
$(function() {
	$('.slide>li').first().css('z-index', '2');
	$('.pagination>li').first().addClass('check')

	//2.表示当前展示的图片，指示点
	var currentIndex = 0;
	var totalPicNum = $('.pagination>li').length

	//3.轮播图自动播放的方法
	function autoScroll() {
		if(currentIndex >= totalPicNum) {
			currentIndex = 0;

		}

		//普通方法
		$('.slide li').eq(currentIndex).css('z-index', '2')
			.siblings().css('z-index', '1')
		$('.pagination>li').eq(currentIndex).addClass('check')
			.siblings().removeClass('check');

		currentIndex++
	}

	//点击左右按钮，图片进行切换效果

	$(".prev").click(function() {

		currentIndex--;

		currentIndex = (currentIndex + 7) % 7;

		$('.slide>li').eq(currentIndex).css('z-index', '2')
			.siblings().css('z-index', '1')

		$(".pagination>li").eq(currentIndex).addClass("check").siblings().removeClass("check");

	});

	$(".next").click(function() {

		currentIndex++;

		currentIndex = currentIndex % 7;

		$('.slide>li').eq(currentIndex).css('z-index', '2')
			.siblings().css('z-index', '1')

		$(".pagination>li").eq(currentIndex).addClass("check").siblings().removeClass("check");

	});
	//4.定时器控制轮播图的自动播放
	var timer = setInterval(autoScroll, 2000)

	$('.controls .prev').hover(function() {
		clearInterval(timer)
		$('.prev img').attr('src', 'images/prev2.png')
		$('.prev').css('background-color', '#484a4c')
	}, function() {
		$('.prev img').attr('src', 'images/prev1.png')
		$('.prev').css('background-color', '')
		currentIndex = $(this).index() + 1;
		timer = setInterval(autoScroll, 2000)
	})
	$('.controls .next').hover(function() {
		clearInterval(timer)
		$('.next img').attr('src', 'images/next2.png')
		$('.next').css('background-color', '#484a4c')
	}, function() {
		$('.next img').attr('src', 'images/next1.png')
		$('.next').css('background-color', '')
		currentIndex = $(this).index() + 1;
		timer = setInterval(autoScroll, 2000)
	})

	$('.pagination li').hover(function() {
		//鼠标悬停时候关闭定时器
		clearInterval(timer)
			//获取当前鼠标悬停在.slide li时，获取 li 对应的索引

		var pointIndex = $(this).index()
		console.log(pointIndex)

		//设置页面样式
		$('.slide li').eq(pointIndex).css('z-index', '2')
			.siblings().css('z-index', '1');
		$('.pagination li').eq(pointIndex).addClass('check')
			.siblings().removeClass('check')

	}, function() {
		//鼠标离开时
		//修改 currentIndex的值，为当前离开的li的索引再加1.
		currentIndex = $(this).index() + 1
		timer = setInterval(autoScroll, 2500)
	})
})

//明星单品翻页
//$('.right-roll').hover(function(){
//	$('.right-roll').css('color','#ff6700')
//},function(){
//	$('.right-roll').css('color','#E0E0E0')
//})
//$('.left-roll').hover(function(){
//	$('.left-roll').css('color','#ff6700')
//},function(){
//	$('.left-roll').css('color','#E0E0E0')
//})

function startR() {
	$('.left-roll').css({
		'color': '#F0EBE7',
		'font-weight': 'bold'
	});
	$('.right-roll').css('color', '#333');

	$('.xm-carousel-list').animate({
		'left': '-1226px'
	}, 1000);
	$('.right-roll').hover(function() {
		$('.right-roll').css('color', '#ff6700')
	}, function() {
		$('.right-roll').css('color', '#E0E0E0')
	})
}

function startL() {
	//  $('.right-roll').hide();
	$('.right-roll').css({
		'color': '#F0EBE7',
		'font-weight': 'bold'
	})
	$('.left-roll').css('color', '#333');
	$('.xm-carousel-list').animate({
		'left': '0'
	}, 1000);
	
	$('.left-roll').hover(function() {
		$('.left-roll').css('color', '#ff6700')
	}, function() {
		$('.left-roll').css('color', '#e0e0e0')
	})

}
$('.right-roll').click(startR);
$('.left-roll').click(startL);
setInterval(function() {
	startR();
	setTimeout(startL, 4000);
}, 8000);
//$('.right-roll').click(function(){
//	$('.xm-carousel-list').css('margin-left','-1226px')
//})
//$('.left-roll').click(function(){
//	$('.xm-carousel-list').css('margin-left','0')
//})
//var current = 1;
//function toggle(){
//	var num = current%2;
//	if (num != 0) {
//		$('.xm-carousel-list').animate({'left':'-1226px'},1000);
//	} else{
//		$('.xm-carousel-list').animate({'left':'0'},1000);
//	}
//	current++;
//}
//setInterval(toggle,5000);

$('.checkAll').hover(function() {
		$('.checkAll').css('color', '#ff6700')
		$('.point00').css('background-color', '#ff6700')
	}, function() {
		$('.checkAll').css('color', '#424242')
		$('.point00').css('background-color', '#b0b0b0')
	})
	//搭配菜单标题变色
$('.match .box-hold .dapei-list ul li').on('mouseover', function() {
	$('.match .box-hold .dapei-list ul li').eq($(this).index()).css({
		'color': '#ff6700',
		'border-bottom': '2px solid #ff6700'
	})
	$('.match .box-hold .dapei-list ul li').eq($(this).index()).siblings('li').css({
		'color': '#424242',
		'border-bottom': ''
	})
	var index = $(this).index();
	//	console.log(index)
	$('.match .row .span-right ul:eq(' + index + ')').siblings("ul").css('display', 'none');
	$('.match .row .span-right ul:eq(' + index + ')').css('display', 'block')
})
$('.match .box-hold .dapei-list ul li').mouseleave(function() {
		$('.dapei-list ul li').eq(0).removeClass('active')
		$('.dapei-list ul li').eq($(this).index()).css({
			'color': '#ff6700',
			'border-bottom': '2px solid #ff6700'
		})
		$('.dapei-list ul li').eq($(this).index()).siblings('li').css({
			'color': '#424242',
			'border-bottom': ''
		})

	})
	//配件
$('.parts .box-hold .dapei-list ul li').on('mouseover', function() {
	$('.parts .box-hold .dapei-list ul li').eq($(this).index()).css({
		'color': '#ff6700',
		'border-bottom': '2px solid #ff6700'
	})
	$('.parts .box-hold .dapei-list ul li').eq($(this).index()).siblings('li').css({
		'color': '#424242',
		'border-bottom': ''
	})
	var index = $(this).index();
	console.log(index)
	$('.parts .row .span-right ul:eq(' + index + ')').siblings("ul").css('display', 'none');
	$('.parts .row .span-right ul:eq(' + index + ')').css('display', 'block')
})
$('.parts .box-hold .dapei-list ul li').mouseleave(function() {
		$('.parts .box-hold .dapei-list ul li').eq(0).removeClass('active')
		$('.parts .box-hold .dapei-list ul li').eq($(this).index()).css({
			'color': '#ff6700',
			'border-bottom': '2px solid #ff6700'
		})
		$('.parts .box-hold .dapei-list ul li').eq($(this).index()).siblings('li').css({
			'color': '#424242',
			'border-bottom': ''
		})

	})
	//周边 切换
$('.around .box-hold .dapei-list ul li').on('mouseover', function() {
	$('.around .box-hold .dapei-list ul li').eq($(this).index()).css({
		'color': '#ff6700',
		'border-bottom': '2px solid #ff6700'
	})
	$('.around .box-hold .dapei-list ul li').eq($(this).index()).siblings('li').css({
		'color': '#424242',
		'border-bottom': ''
	})
	var index = $(this).index();
	console.log(index)
	$('.around .row .span-right ul:eq(' + index + ')').siblings("ul").css('display', 'none');
	$('.around .row .span-right ul:eq(' + index + ')').css('display', 'block')
})
$('.around .box-hold .dapei-list ul li').mouseleave(function() {
	$('.around .box-hold .dapei-list ul li').eq(0).removeClass('active')
	$('.around .box-hold .dapei-list ul li').eq($(this).index()).css({
		'color': '#ff6700',
		'border-bottom': '2px solid #ff6700'
	})
	$('.around .box-hold .dapei-list ul li').eq($(this).index()).siblings('li').css({
		'color': '#424242',
		'border-bottom': ''
	})

})

//弹出评论
$('.span-right .slide-out').hover(function() {
	$(this).find('.slide-box').animate({
		'height': '75px'
	}, 300)
	$(this).find('.slide-box').css('bottom', '0')
}, function() {
	$(this).find('.slide-box').animate({
		'height': '0'
	},300)
	$(this).find('.slide-box').css('bottom', '-75px')
})

//推荐

$('.recommend .right-roll').click(function() {

	$('.recon-content ul').animate({
		marginLeft: '-=1226px'
	})
})
$('.recommend .left-roll').click(function() {

	$('.recon-content ul').animate({
		marginLeft: '+=1226px'
	})
});

//内容区
//左右切换键显示
$('.content-item').hover(function() {
	$(this).find('.control-prev').css('display', 'block')
	$(this).find('.control-next').css('display', 'block')
}, function() {
	$(this).find('.control-prev').css('display', 'none')
	$(this).find('.control-next').css('display', 'none')
})

$('.control-prev').hover(function() {
	$('.control-prev img').attr('src', 'images/ad-prev2.png')
}, function() {
	$('.control-prev img').attr('src', 'images/ad-prev1.png')
})
$('.control-next').hover(function() {
	$('.control-next img').attr('src', 'images/ad-next2.png')
}, function() {
	$('.control-next img').attr('src', 'images/ad-next1.png')
})

//图书
var left = 0;
$('.content-book .dot-roll .dot').eq(0).addClass('dot-active');
$('.content-book  .control-next').click(function() {
	var index = Math.abs(left / 296) + 1;
	console.log(index)
	$('.content-book .dot').eq(index).addClass('dot-active').siblings().removeClass('dot-active');
	if(left < -296) {
		return;
	}
	left = left - 296;
	$('.content-book .content-list01').animate({
		'left': left
	}, 500)
})

$('.content-book .control-prev').click(function() {
	var index1 = Math.abs(left / 296) - 1;

	if(index1 < 0) {
		index1 = 0
	}

	console.log(index1)

	$('.content-book .dot').eq(index1).addClass('dot-active').siblings().removeClass('dot-active');
	if(left > -296) {
		return;
	}
	left = left + 296;
	$('.content-book .content-list01').animate({
		'left': left
	}, 500)
})
$('.content-book .dot').click(function() {
	$('.content-book .dot').eq($(this).index()).addClass('dot-active').siblings().removeClass('dot-active');
	left = -(296 * $(this).index());
	$('.content-book .content-list01').animate({
		'left': left
	}, 500);

})

//MIUI主题

var left = 0;
$('.content-theme .dot-roll .dot').eq(0).addClass('dot-active');
$('.content-theme  .control-next').click(function() {
	var index = Math.abs(left / 296) + 1;
	console.log(index)
	$('.content-theme .dot').eq(index).addClass('dot-active').siblings().removeClass('dot-active');
	if(left < -592) {
		return;
	}
	left = left - 296;
	$('.content-theme .content-list02').animate({
		'left': left
	}, 500)
})

$('.content-theme .control-prev').click(function() {
	var index1 = Math.abs(left / 296) - 1;

	if(index1 < 0) {
		index1 = 0
	}

	console.log(index1)

	$('.content-theme .dot').eq(index1).addClass('dot-active').siblings().removeClass('dot-active');
	if(left > -296) {
		return;
	}
	left = left + 296;
	$('.content-theme .content-list02').animate({
		'left': left
	}, 500)
})
$('.content-theme .dot').click(function() {
	$('.content-theme .dot').eq($(this).index()).addClass('dot-active').siblings().removeClass('dot-active');
	left = -(296 * $(this).index());
	$('.content-theme .content-list02').animate({
		'left': left
	}, 500);

})

//game

var left = 0;
$('.content-game .dot-roll .dot').eq(0).addClass('dot-active');
$('.content-game  .control-next').click(function() {
	var index = Math.abs(left / 296) + 1;
	console.log(index)
	$('.content-game .dot').eq(index).addClass('dot-active').siblings().removeClass('dot-active');
	if(left < -592) {
		return;
	}
	left = left - 296;
	$('.content-game .content-list02').animate({
		'left': left
	}, 500)
})

$('.content-game .control-prev').click(function() {
	var index1 = Math.abs(left / 296) - 1;

	if(index1 < 0) {
		index1 = 0
	}

	console.log(index1)

	$('.content-game .dot').eq(index1).addClass('dot-active').siblings().removeClass('dot-active');
	if(left > -296) {
		return;
	}
	left = left + 296;
	$('.content-game .content-list02').animate({
		'left': left
	}, 500)
})
$('.content-game .dot').click(function() {
	$('.content-game .dot').eq($(this).index()).addClass('dot-active').siblings().removeClass('dot-active');
	left = -(296 * $(this).index());
	$('.content-game .content-list02').animate({
		'left': left
	}, 500);

})

//APP

var left = 0;
$('.content-app .dot-roll .dot').eq(0).addClass('dot-active');
$('.content-app  .control-next').click(function() {
	var index = Math.abs(left / 296) + 1;
	console.log(index)
	$('.content-app .dot').eq(index).addClass('dot-active').siblings().removeClass('dot-active');
	if(left < -592) {
		return;
	}
	left = left - 296;
	$('.content-app .content-list02').animate({
		'left': left
	}, 500)
})

$('.content-app .control-prev').click(function() {
	var index1 = Math.abs(left / 296) - 1;

	if(index1 < 0) {
		index1 = 0
	}

	console.log(index1)

	$('.content-app .dot').eq(index1).addClass('dot-active').siblings().removeClass('dot-active');
	if(left > -296) {
		return;
	}
	left = left + 296;
	$('.content-app .content-list02').animate({
		'left': left
	}, 500)
})
$('.content-app .dot').click(function() {
	$('.content-app .dot').eq($(this).index()).addClass('dot-active').siblings().removeClass('dot-active');
	left = -(296 * $(this).index());
	$('.content-app .content-list02').animate({
		'left': left
	}, 500);

})

//视频区hover
$('.video-item').hover(function() {
	//	opacity: 1;
	//	background-color: #ff6700;
	//	border-color: #ff6700;
	$(this).find('.bofang').css({
		'opacity': '1',
		'background-color': '#ff6700',
		'border-color': '#ff6700',
	})
}, function() {
	$(this).find('.bofang').css({
		'opacity': '0.8',
		'background-color': '#424242',
		'border-color': '#fff',
	})
})